<div class="page-creative-detail">
    <div class="row">
        <div class="col-sm-12">
            <form  id="form_detail"  class="form-parsley" data-parsley-validate>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">基本信息</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">创意名称</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="name"  placeholder="" required="" data-parsley-stringlenmax="120" tabindex="0"></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">所属推广计划</label>
                                    <div class="col-md-10"><span class="box-must">·</span><select class="form-control select2 w-500" id="ddl_spread" name="spread"  required=""></select></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">备注</label>
                                    <div class="col-md-10">
                                        <div class="parsley-err-absolute parsley-icon-top parsley-erricon-r3 w-520">
                                            <textarea  class="form-control text-area box-input"  rows="5" placeholder="" name="description" data-parsley-stringlenmax="250"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">交互设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal" id="panel_interactive">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">标的物类型</label>
                                    <div class="col-md-10"><div id="panel_objMatterType" name="objMatterType"></div></div>
                                </div>
                                <div class="form-group matter-type matter-type-ordinary matter-type-weChat">
                                    <label class="col-md-2 control-label">目标地址</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="targetUrl"  placeholder="请以 http:// 或 https:// 开头" required="" data-parsley-stringlenmax="500" data-parsley-urlhttp-gdt=""></div>
                                </div>
                                <div class="form-group matter-type matter-type-android matter-type-ios">
                                    <label class="col-md-2 control-label">应用名称</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="apkName"  placeholder="" required="" data-parsley-stringlenmax="200"></div>
                                </div>
                                <div class="form-group matter-type matter-type-android matter-type-ios">
                                    <label class="col-md-2 control-label">下载地址</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="downloadUrl"  placeholder="" required="" data-parsley-stringlenmax="500" data-parsley-urlhttp-gdt=""></div>
                                </div>
                                <div class="form-group matter-type matter-type-android">
                                    <label class="col-md-2 control-label">应用宝ID</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" id="txt_apkId" type="text" name="apkId"  placeholder="" required="" data-parsley-stringlenmax="50"></div>
                                </div>
                                <div class="form-group matter-type matter-type-android" id="panel_channelPack">
                                    <label class="col-md-2 control-label">渠道包</label>
                                    <div class="col-md-10">
                                        <div style="display:inline-block;position: relative;">
                                            <select class="form-control select2 w-500" id="ddl_channelPack" name="channelPack"></select>
                                            <div class="loader-inner ball-clip-rotate" style="position: absolute;right: -30px;top: 7px;"><div></div></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group matter-type matter-type-ios">
                                    <label class="col-md-2 control-label">APP ID</label>
                                    <div class="col-md-10"><span class="box-must">·</span><input class="form-control box-input" type="text" name="appId"  placeholder="" required="" data-parsley-stringlenmax="50"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">素材设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">指定规格</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <button type="button" class="btn btn-grayLight waves-effect waves-light"  id="btn_select_space"><i class="fa fa-plus"></i>选择广告位</button>
                                        <div>
                                            <table class="table table-bordered table-bordered-topbottom" id="tb_listSpaces" width="100%">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>广告位名称</th>
                                                    <th>形式</th>
                                                    <th>媒体</th>
                                                    <th>平台</th>
                                                    <th>描述</th>
                                                    <th>操作</th>
                                                </tr>
                                                </thead>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group operate-change-space">
                                    <label class="col-md-2 control-label">示例图</label>
                                    <div class="col-md-10"><img id="img_sampleUrl" class="img-sample"></div>
                                </div>
                                <div class="form-group operate-change-space">
                                    <label class="col-md-2 control-label">创意素材</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <div id="panel_material"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="clearfix button-list-actions ">
                <label class="col-md-2 control-label"></label>
                <div class="col-md-10">
                    <button class="btn btn-default btn-large waves-effect waves-light page-power-edit" type="button" id="btn_submitSave"><i class="fa fa-save"></i>保存</button>
                    <a id="btnGoReturn" class="btn btn-link btn-large waves-effect waves-light go-campaign-info" type="button" href="javascript:">取消 </a>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div id="container_space"></div>
        <div id="container_material"></div>
    </div>
</div>
